<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>九铭资产管理-产品中心</title>
		<link rel="stylesheet" href="/Public/Home/css/jiuming.css" />
		<link rel="shortcut icon" href="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/jiujming.ico" type="image/x-icon">
	</head>
	<body>
		
		<div class="common-top">
			<div class="common-top-content">
				<div class="common-logo">
					<img src="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/logo_common.png" />
				</div>
				<ul class="common-menu" id="common-menu">
					<li><a href="{:U('Assets/index',array('token' => 'dvaglg1469847559'))}">网站首页</a></li>
					<li>
						<a>走进九铭</a>
						<ul class="common-menu-child">
							<li><a href="{:U('Assets/company_introduction',array('token' => 'dvaglg1469847559'))}">公司简介</a></li>
							<li><a href="{:U('Assets/invesment_philosophy',array('token' => 'dvaglg1469847559'))}">投资理念</a></li>
							<li><a href="{:U('Assets/risk_control_system',array('token' => 'dvaglg1469847559'))}">风控体系</a></li>
						</ul>
					</li>
					<li><a href="{:U('Assets/industry_dy',array('token' => 'dvaglg1469847559'))}">内外动态</a></li>
					<li class="menu-current"><a href="{:U('Assets/product_center',array('token' => 'dvaglg1469847559'))}">产品中心</a></li>
					<li><a href="{:U('Assets/the_buying_process',array('token' => 'dvaglg1469847559'))}">购买流程</a></li>
					<li><a href="{:U('Assets/contact_us',array('token' => 'dvaglg1469847559'))}">联系我们</a></li>
				</ul>
			</div>
		</div>
		
		<div class="banner" id="banner">
			<div class="img-box" id="img-box">
				<img src="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/1.jpg" />
				<img src="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/2.jpg" />
				<img src="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/3.jpg" />
				<img src="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/4.jpg" />
				<img src="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/5.jpg" />
			</div>
			<ul class="page" id="page">
				<li class="page-active"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		
		<div class="index-content height-0">
			<h2 id="title">九铭恒升</h2>
			<span class="bottom-border"  id="bottom-border"><h3 id="stitle">Jiuming Hengsheng</h3></span>
			
		</div>
		
		<div class="info">
			<div class="list-left">
				<ul id="list_info" class="list">
					<li class="list-title">产品信息</li>
					<script type="text/html" id="list">
						<li onclick="showInfo(this,'${name}','${e_name}','${img}','${id}')">${name}</li>
					</script>
				</ul>
			</div>
			<div class="info-right">
				<div class="info-title" id="info-title">
					<div class="trend info-current"><h3>走势图</h3></div>
					<div class="net-worth"><h3>历史净值</h3></div>
					<div class="prd-info"><h3>产品信息</h3></div>
				</div>
				<div class="info-content" id="info-content">
					
					<!--走势图-->
					<div class="info-content-trend">
						<img src="" id="trend-img" />
					</div>
					
					<!--历史净值-->
					<div class="info-content-net-worth hidden">
						<div class="net-worth-title">
							<div class="td">产品名称</div>
							<div class="td">基金净值</div>
							<div class="td">累计净值</div>
							<div class="td">估值日期</div>
						</div>
						<script type="text/html" id="netWorth">
							<div class="net-worth-record">
								<div class="td">${name}</div>
								<div class="td">${net_fund}</div>
								<div class="td">${accumulate}</div>
								<div class="td">${valuation_date}</div>
							</div>
						</script>
						<div id="netWorth-content">
							
						</div>
						
					</div>
					
					
					<!--产品信息-->
					<script type="text/html" id="product">
							<div class="tr">
								<div class="title">产品名称</div>
								<div class="prd-info-det">${product_name}</div>
							</div>
							<div class="tr">
								<div class="title">管理人</div>
								<div class="prd-info-det">${administrator}</div>
							</div>
							<div class="tr">
								<div class="title">托管人</div>
								<div class="prd-info-det">${custodian}</div>
							</div>
							<div class="tr">
								<div class="title">期货经纪商</div>
								<div class="prd-info-det">${broker}</div>
							</div>
							<div class="tr">
								<div class="title">基金类型</div>
								<div class="prd-info-det">${fund_type}</div>
							</div>
							<div class="tr">
								<div class="title">存续期限</div>
								<div class="prd-info-det">${duration}</div>
							</div>
							<div class="tr">
								<div class="title">封闭期</div>
								<div class="prd-info-det">${close_time}</div>
							</div>
							<div class="tr">
								<div class="title">认购门槛</div>
								<div class="prd-info-det">${threshold}</div>
							</div>
							<div class="tr">
								<div class="title">份额面值</div>
								<div class="prd-info-det">${share_value}</div>
							</div>
							<div class="tr">
								<div class="title">开放日</div>
								<div class="prd-info-det">${open_time}</div>
							</div>
							<div class="tr">
								<div class="title">认购/申购费率</div>
								<div class="prd-info-det">${subscription_fee}/${purchase_fee}</div>
							</div>
							<div class="tr">
								<div class="title">赎回费率</div>
								<div class="prd-info-det">${redemption_fee}</div>
							</div>
							<div class="tr">
								<div class="title">管理费率</div>
								<div class="prd-info-det">${management_expense}</div>
							</div>
							<div class="tr">
								<div class="title">预警/止损线</div>
								<div class="prd-info-det">${warning_line}/${loss_line}</div>
							</div>
							<div class="tr">
								<div class="title">业绩报酬</div>
								<div class="prd-info-det">${performance_reward}</div>
							</div>
						</script>
					<div class="info-content-prd-info hidden" id="product-info">
						
					</div>
					
				</div>
			</div>
		</div>
		
		
		
		
		<div class="common-footer">
			<div class="common-footer-content">
				<div class="footer-left">
					<h4>绍兴九铭资产管理有限公司</h4>
					<p>地址：浙江省绍兴市镜湖新区金滩大厦702室</p>
					<p>邮编：312000</p>
					<p>电话：0575-88006157</p>
					<p>电邮：1836807711@qq.com</p>
				</div>
				<div class="footer-right">
					<img src="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/erweima1.jpg" />
					<img src="http://jlzpublicbucket.oss-cn-hangzhou.aliyuncs.com/assets/erweima0.jpg" />
				</div>
			</div>
		</div>
		
		
		<script type="text/javascript" src="/Public/Home/js/jquery.1.9.1.min.js"></script>
		<script type="text/javascript" src="/Public/Home/js/jquery.tmpl.min.js" ></script>
		<script type="text/javascript" src="/Public/Home/js/init.js" ></script>
		<script>
			
			var isWorthNeedReload = true;
			var isPrdNeedReload = true;
			var productId = 1;
		
			/*
			 *	var listinfo = [
			 *		{id:1,name:'九铭恒升',e_name:'Jiuming hengfen',imgUrl:'http://pic.jinlanzuan.com/d/9/b/c/57c778d9a7dbc.png'},
			 * 		{id:2,name:'九铭恒升2号',e_name:'Jiuming hengfen2',imgUrl:'http://pic.jinlanzuan.com/6/6/5/a/57c7791db0b66.png'}
			 *	];
			 * 
			 * */
			$.ajax({
				url:"http://v.wx91go.com/index.php?g=Wap&m=Assets&a=product&token=dvaglg1469847559&isWeb=1",
				type:"GET",
				dataType:"json",
				success:function(data){
					var listinfo = data;
					console.log(listinfo);
					$("#list").tmpl(listinfo).appendTo('#list_info');
					$("#list_info li:eq(1)").addClass('list-current');
					$("#trend-img").attr('src',listinfo[0].img);
				}
			})
			
			function showInfo(ele,name,e_name,imgUrl,productid){
				$("#title").text(name);
				$("#stitle").text(e_name);
				SetTextCent();
				$("#list_info li").removeClass('list-current');
				$(ele).addClass('list-current');
				$("#trend-img").attr('src',imgUrl);
				
				$("#info-title>div").removeClass('info-current');
				$(".trend").addClass('info-current');
				$("#info-content>div").addClass('hidden');
				$(".info-content-trend").removeClass('hidden');
				
				isWorthNeedReload = true;
				isPrdNeedReload = true;
				productId = productid;
			}
			
			$(function(){
				/*
				 *	var netWorth = [
				 * 			{name:'九铭恒升',net_fund:'1.20',accumulate:'2.256',valuation_date:'2016-02-03'},
				 * 			{name:'九铭恒升',net_fund:'1.20',accumulate:'2.256',valuation_date:'2016-02-03'}
				 * 		];
				 * 
				 * */
				
				$(".net-worth").mouseenter(function(){
					if(!isWorthNeedReload)return;
					$.ajax({
						url:"http://v.wx91go.com/index.php?g=Wap&m=Assets&a=getData&type=net_worth&token=dvaglg1469847559&isWeb=1",
						type:"POST",
						dataType:"json",
						data:{
							productId:productId
						},
						success:function(data){
							var netWorth = data;
							console.log(netWorth);
							$("#netWorth-content").html($("#netWorth").tmpl(netWorth));
						}
					})
					isWorthNeedReload = false;
				})
				$(".net-worth").click(function(){
					$("#info-title>div").removeClass('info-current');
					$(this).addClass('info-current');
					
					$("#info-content>div").addClass('hidden');
					$(".info-content-net-worth").removeClass('hidden');
				})
				
				$(".prd-info").mouseenter(function(){
					if(!isPrdNeedReload)return;
					$.ajax({
						url:"http://v.wx91go.com/index.php?g=Wap&m=Assets&a=getData&type=product&token=dvaglg1469847559&isWeb=1",
						type:"POST",
						dataType:"json",
						data:{
							productId:productId
						},
						success:function(data){
							var product = data;
							console.log(product);
							$("#product-info").html($("#product").tmpl(product));
						}
					})
					isPrdNeedReload = false;
				})
				$(".prd-info").click(function(){
					$("#info-title>div").removeClass('info-current');
					$(this).addClass('info-current');
					
					$("#info-content>div").addClass('hidden');
					$(".info-content-prd-info").removeClass('hidden');
				})
				
				$(".trend").click(function(){
					$("#info-title>div").removeClass('info-current');
					$(this).addClass('info-current');
					
					$("#info-content>div").addClass('hidden');
					$(".info-content-trend").removeClass('hidden');
				})
			})
			
		</script>
	</body>
</html>
